﻿@{
    Layout = null;
}

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta property="qc:admins" content="56207406376255516375" />
    <title>确认订单 - 美妆商城</title>
    @*<link href="~/Content/bootstrap.css" rel='stylesheet' type='text/css' />*@
    @*<link href="~/Content/User/css/style.css" rel='stylesheet' type='text/css' />*@
    <script src="~/Content/User/js/jquery-1.11.1.min.js"></script>

</head>
<body>
    <style type="text/css">
        .cart_header {
            width: 960px;
            margin: 0 auto;
        }

        .cart_header_box {
            border-bottom: 2px solid #e5e5e5;
            box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
            padding-bottom: 15px;
        }

        .cart_header .logo_box {
            float: left;
        }

        .cart_header .order_path {
            float: right;
            width: 377px;
            height: 48px;
        }

        .cart_header .order_path_1 {
            background: url(http://f0.jmstatic.com/static_cart/dist/20161021_2/images/order_path.png) no-repeat;
            background-position: -2px -2px;
        }

        .cart_header .order_path_2 {
            background: url(http://f0.jmstatic.com/static_cart/dist/20161021_2/images/order_path.png) no-repeat;
            background-position: -2px -54px;
        }

        .cart_header .order_path_3 {
            background: url(http://f0.jmstatic.com/static_cart/dist/20161021_2/images/order_path.png) no-repeat;
            background-position: -2px -106px;
        }

        .cart_header .order_path_4 {
            background: url(http://f0.jmstatic.com/static_cart/dist/20161021_2/images/order_path.png) no-repeat;
            background-position: -2px -158px;
        }

        .cart_top {
            position: relative;
            height: 32px;
            line-height: 32px;
            color: #999999;
            width: 960px;
            margin: 0 auto;
        }

            .cart_top .user_box {
                position: absolute;
                right: 0;
                top: 0;
            }

                .cart_top .user_box .tips {
                    font-style: normal;
                    color: #dddddd;
                    padding: 0 5px;
                }

                .cart_top .user_box .out, .cart_top .user_box .query {
                    color: #999999;
                }

                .cart_top .user_box a:hover {
                    text-decoration: none;
                    color: #ed145b;
                }
    </style>

    <div style="background: white;">

        <div class="cart_top">
            <div class="user_box" id="JS_user_box"><div>美妆商城欢迎您，<a href="/User/Account/login">登录</a><i class="tips">|</i><a href="/User/Account/Register">免费注册</a></div></div>
            <div id="hiddenUserName" style="display:none">@ViewBag.userName</div>
        </div>

        <div class="cart_header_box">
            <div class="cart_header clearfix">
                <h1 class="logo_box">
                    <a href="/User/Home/Index" id="home">
                        <img src="~/Content/User/images/ShopCart/Logo.png" alt="美妆商城">
                    </a>
                </h1>
                <div class="order_path order_path_2"></div>
            </div>
        </div>

    </div>

    <script type="text/javascript">
        (function () {
            var html = '';
            var userName = $('#hiddenUserName').html();

            if (userName != "") {
                html = '<div>欢迎您，<a href="#">' + userName + '</a>&nbsp;<a href="/User/Account/LogOut" class="out">[退出]</a><i class="tips">|</i><a href="#" class="query">订单查询</a></div>';
                document.getElementById('JS_user_box').innerHTML = html;
            }
            else {
                alert("您尚未进行登录或登录超时！");
                window.location.href = "/User/Account/Login";
            }
        })()
    </script>

    <div id="container" style="width: auto;">
        <link rel="stylesheet" href="http://f0.jmstatic.com/static_cart/dist/20170119/css/confirmation/confirm.css" />
        <!--content start-->
        <div id="JS_confirmation_main">
            <div class="main">
                <div class="border_line address-container">
                    <div class="main_content" style="display:block;">
                        <h2 class="title">1 地址选择</h2>
                        <div class="hide" style="padding:0;left:-20px;">
                            <div class="tips_tit tips_tit_tip" style="width:auto;">
                                <p>温馨提示：</p>
                            </div>
                        </div>
                        <div class="address">
                            <div class="address_list clearfix ">
                                <div class="address_list clearfix">
                                    @foreach (var item in @ViewBag.addressInfo)
                                    {
                                         <div class="address_box JS_address_list active" style="line-height:14px;">
                                        <noscript></noscript>
                                        <div class="name" id="shName" style="width:140px;">
                                           @{
                                               if (@item.nicheng == null || @item.nicheng == "")
                                               {
                                                   @item.UName
                                               }
                                               else
                                               {
                                                   @item.nicheng
                                               }
                                           }
                                             
                                        </div>
                                        <div class="detaile address" id="shaddress" style="text-overflow:ellipsis;overflow:hidden;">
                                            @item.Address 
                                        </div>
                                        <div class="number_phone" id="shPhone">
                                           @item.Phone
                                        </div>
                                    </div>
                                    }
                                   
                                   
                                </div>
                            </div>
                            <div class="address-operation">
                                <div class="address_express clearfix">
                                    <noscript></noscript>
                                    <div class="fl">
                                        <a href="javascript:" class="add"><i class="icon">+</i><span>使用新地址</span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <noscript></noscript>
                        <!-- 添加新地址弹出框开始 -->
                        <div class="lightbox" style="position:fixed;display:table;height:100%;width:100%;left:0;top:0;display:none">
                            <div class="dialog-modal" style="vertical-align:middle;display:table-cell;text-align:center;">
                                <div style="display:inline-block;position:relative;text-align:left;">
                                    <div class="dialog">
                                        <h2><span>使用新地址</span><a class="close" href="javascript:"></a></h2>
                                        <div>
                                            <div class="site_edit">
                                                <noscript></noscript>
                                                <div class="clearfix cow_box">
                                                    <div class="fl receiver_name_box">
                                                        <div class="fl lab_box">
                                                            <label><span>收件人：</span><span class="tips">*</span></label>
                                                        </div>
                                                        <div class="fl user-name-input">
                                                            <input class="input" autocomplete="off" placeholder="不能为昵称、x先生、x小姐等" name="receiver_name" maxlength="60" style="width:190px;" value="" type="text" />
                                                            <noscript></noscript>
                                                        </div>
                                                        <noscript></noscript>
                                                    </div>
                                                    <noscript></noscript>
                                                </div>
                                                <div class="clearfix cow_box">
                                                    <div class="fl lab_box">
                                                        <label><span>收货地址：</span><span class="tips">*</span></label>
                                                    </div>
                                                    <div class="fl clearfix">
                                                        <div>
                                                            <div class="fl site_menu_box JS_site_menu_box ">
                                                                <div>
                                                                    <a href="javascript:" class="site_menu clearfix JS_site_menu"><span class="txt fl JS_site_txt">省/直辖市</span><span class="triangle_box fl"><i class="triangle_down"></i></span><i class="triangle_down"></i></a>
                                                                    <i class="triangle_down"></i>
                                                                </div>
                                                                <i class="triangle_down">
                                                                    <noscript></noscript>
                                                                </i>
                                                            </div>
                                                            <div class="fl site_menu_box JS_site_menu_box ">
                                                                <div>
                                                                    <a href="javascript:" class="site_menu clearfix JS_site_menu"><span class="txt fl JS_site_txt">市</span><span class="triangle_box fl"><i class="triangle_down"></i></span><i class="triangle_down"></i></a>
                                                                    <i class="triangle_down"></i>
                                                                </div>
                                                                <i class="triangle_down">
                                                                    <noscript></noscript>
                                                                </i>
                                                            </div>
                                                            <div class="fl site_menu_box JS_site_menu_box ">
                                                                <div>
                                                                    <a href="javascript:" class="site_menu clearfix JS_site_menu"><span class="txt fl JS_site_txt">区/县</span><span class="triangle_box fl"><i class="triangle_down"></i></span><i class="triangle_down"></i></a>
                                                                    <i class="triangle_down"></i>
                                                                </div>
                                                                <i class="triangle_down">
                                                                    <noscript></noscript>
                                                                </i>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="fl error_box" style="display:none;">
                                                        <i class="sp_icon"></i>
                                                        <span class="txt">请填写完整的地址信息</span>
                                                    </div>
                                                    <div class="fl error_box" style="display:none;">
                                                        <span class="txt" style="margin-left:0;">（此地区不支持货到付款）</span>
                                                    </div>
                                                </div>
                                                <div class="clearfix cow_box">
                                                    <div class="fl lab_box">
                                                        <label><span>详细地址：</span><span class="tips">*</span></label>
                                                    </div>
                                                    <div class="fl clearfix" style="width:790px;">
                                                        <div class="fl"></div>
                                                        <div class="fl clearfix" style="width:660px;">
                                                            <div class="fl">
                                                                <input class="input" maxlength="140" placeholder="请填写详细地址，不少于3个汉字，不能全部是数字/字母" style="width:320px;" value="" type="text" />
                                                            </div>
                                                            <noscript></noscript>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="clearfix cow_box">
                                                    <div class="fl lab_box">
                                                        <label><span>手机号码：</span><span class="tips">*</span></label>
                                                    </div>
                                                    <div class="fl">
                                                        <input class="input" maxlength="11" style="width:115px;" value="" type="text" />
                                                    </div>
                                                    <div class="fl lab_box">
                                                        <label>或固定电话：</label>
                                                    </div>
                                                    <div class="fl">
                                                        <input placeholder="区号" class="input" maxlength="4" style="width:50px;" value="">
                                                    </div>
                                                    <div class="fl" style="margin:0 5px;">
                                                        -
                                                    </div>
                                                    <div class="fl">
                                                        <input class="input" placeholder="电话号码" maxlength="8" style="width:90px;" value="">
                                                    </div>
                                                    <div class="fl" style="margin:0 5px;">
                                                        -
                                                    </div>
                                                    <div class="fl">
                                                        <input class="input" placeholder="分机" maxlength="8" style="width:50px;" value="">
                                                    </div>
                                                    <div class="fl JS_tips" style="color:#999999;margin-left:10px;"></div>
                                                    <noscript></noscript>
                                                </div>
                                                <div class="clearfix single-add-bottom" style="margin-left:95px;padding-top:10px;">
                                                    <a href="javascript:" class="submit_btn">确定</a>
                                                    <a href="javascript:" class="cancel_btn">取消</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- 添加新地址弹出框结束 -->

                        <noscript></noscript>
                    </div>
                </div>
                <div class="border_line delivery-date">
                    <div class="main_content">
                        <h2 class="title"><span>2 送货时间</span><span style="color:#666666;font-size:12px;font-weight:normal;font-family:&quot;宋体&quot;;margin-left:20px;"></span></h2>
                        <div class="prefer_delivery_day">
                            <div class="clearfix">
                                <div class="box">
                                    <input readonly="" name="prefer_delivery_day" type="radio" value="仅工作日送货" />
                                    <label>仅工作日送货</label>
                                </div>
                                <div class="box">
                                    <input readonly="" name="prefer_delivery_day" type="radio" value="仅周末送货" />
                                    <label>仅周末送货</label>
                                </div>
                                <div class="box active">
                                    <input readonly="" checked="" name="prefer_delivery_day" type="radio" value="工作日/周末/假日均可" />
                                    <label>工作日/周末/假日均可</label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="border_line orders-list" style="border-bottom:none;">
                    <div class="main_content" style="position:static;">
                        <h2 class="title">
                            <span>3 商品清单</span>
                            <div class="fr back-to-cart" style="line-height:35px;padding:0 10px;margin-top:10px;font-family:Tahoma, Geneva, sans-serif;">
                                <a style="font-size:12px;text-decoration:none;font-weight:normal;" href="/User/Product/MyCart">返回修改购物车</a>
                            </div>
                        </h2>
                        <div class="order">
                            <div style="margin-bottom:20px;">
                                <div class="box JS_order_box" style="border-top:none;">
                                    <div class="order_header clearfix" style="background:#fafafa;width:918px;position:relative;left:-1px;padding-left:0px;border:1px solid #ccc;">
                                        <div class="fl" style="width:465px;text-align:left;border-left:5px solid #ed145b;">
                                            <strong style="font-size:14px;position:relative;left:10px;color:#0abfde;">美妆商城发货</strong>
                                        </div>
                                        <div class="fl" style="width:110px;">
                                            数量
                                        </div>
                                        <div class="fl" style="width:160px;">
                                            单价
                                        </div>
                                        <div class="fl" style="width:170px;">
                                            小计
                                        </div>
                                    </div>
                                    <div style="padding:0px;">
                                        @foreach (var item in @ViewBag.ModelData)
                                        {
                                            <div class="clearfix order_info">
                                            <div class="fl relative" style="width:450px;padding:16px 0;line-height:21px;">
                                                <div>
                                                    <div>
                                                        <div style="overflow:hidden;">
                                                            <a href="/User/Product/Single?id=@item.ProductId" target="_blank" class="item-pic"><img src=@item.image alt=@item.PName></a>
                                                            <a href="/User/Product/Single?id=@item.ProductId" target="_blank" class="order_title JS_order_title" title=@item.PName>@item.PName</a>
                                                            <span class="info">型号：@item.mlNum</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="fl" style="width:115px;font-weight:normal;text-align:center;">
                                                @item.Count
                                            </div>
                                            <div class="fl price" style="width:160px;line-height:15px;position:relative;top:39px;">
                                                <span>&yen;@item.Price</span>
                                            </div>
                                            <div class="fl price" style="width:110px;">
                                                <span class="price-to-align" style="display:none;">--</span>
                                            </div>
                                            <div class="fl price" style="width:170px;">
                                                <span class="price-to-align">&yen;
                                                    @{
                                                        @: @(@item.Price * @item.Count)
                                                    }
                                                </span>
                                            </div>
                                        </div>
                                        }
                                        
                                    </div>
                                    <noscript></noscript>
                                    <noscript></noscript>
                                    <div class="order_freight clearfix">
                                        <div style="padding-top:5px;">
                                            <div style="width:778px;text-align:right;display:inline-block;">
                                                <span><span>配送方式</span><span style="color:#0abfde;">（享自营满2件包邮，已减免&yen;5）</span><span>：</span></span>
                                                <select name="express" style="width:155px;"><option value="Express">快递(5元，系统自动判断选择快递)</option><option value="EMS">EMS(15元，可能需要较长时间送达，新疆、西藏、宁夏、青海、内蒙古只支持EMS)</option></select>
                                            </div>
                                            <div class="clearfix" style="display:inline-block;float:right;">
                                                <div class="fr">
                                                    <div class="clearfix">
                                                        <div class="fr price_info" style="position:relative;left:-15px;padding-left:30px;width:110px;">
                                                            <span class="JS_delivery_fee price-to-align fl" style="margin-left: 12px;">&yen;0.00</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="clearfix" style="height:15px;width:100%;background:#eee7e1;"></div>
                <div class="border_line bottom-confirm" style="margin-bottom: 62px;">
                    <div class="line invoice-container">
                        <div class="inovice-wraper fl">
                            <div class="inv_wrap" style="text-align:left;">

                                <div class="inv_info" style="display:block;">
                                    <div class="clearfix" style="_position:relative;">
                                        <div class="fl"></div>
                                    </div>
                                    <div style="width:55px;text-align:right;" class="hide">
                                        备注：
                                    </div>
                                    <div class="fl" style="width:500px;">
                                        <noscript></noscript>
                                        <noscript></noscript>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="summary-container">
                        <div class="summary">
                            <div class="line line-text">
                                <span>共</span>
                                <span class="pink" id="allCount" style="color:#ed145b;">@ViewBag.TotalCount</span>
                                <span>件商品,总商品金额:</span>
                                <span class="pink sum">&yen;@ViewBag.TotalPrice</span>
                            </div>
                            <noscript></noscript>
                            <noscript></noscript>
                            <noscript></noscript>
                            <div class="line">
                                <div class="line-text">
                                    <span>总运费</span>
                                    <span>:</span>
                                    <span class="pink sum">&yen;0.00</span>
                                </div>
                            </div>
                            <div class="line need-pay" style="margin-bottom: 0px;">
                                <div class="line-text">
                                    <span>应付总额:</span>
                                    <span class="pink sum">&yen;@ViewBag.TotalPrice</span>
                                </div>
                            </div>
                            <div class="confirm_pay main_content clearfix bottom" style="background:#fafafa;height:42px;">
                                <div class="fl back-to-cart" style="margin-top:19px;">
                                    <a href="/User/Product/MyCart" style="text-decoration:none;font-size:14px;font-weight:normal;">返回修改购物车</a>
                                </div>
                                <noscript></noscript>
                                <div class="submit_box clearfix">
                                    <div class="fl price_box" style="position:relative;top:8px;">
                                        <span>应付总额：</span>
                                        <span class="price" id="allPrice"><span>&yen;</span><span>@ViewBag.TotalPrice</span></span>
                                    </div>
                                    <div class="fl" style="position:relative;top:10px;">
                                        <a href="javascript:" target="_self"><span style="cursor:pointer;font-weight:normal;font-size:18px;" class="submit_btn">确认交易</span><div style="display:none" class="hiddenId">@ViewBag.choId</div></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div> 

    @*<div id="footer_container">
        <div id="footer_textarea">
            <div class="footer_con" id="footer_copyright">
            </div>
        </div>
    </div>*@

    @*<div class="footer">
        <div class="container">
            <div class="col-md-3 f_grid1">
                <h3>About</h3>
                <a href="#"><img src="~/Content/User/images/logo.png" alt="" /></a>
                <p>
                    美妆商城是中国首家第三方化妆品网络供销与品牌推广平台

                    国际名品与经典国货化妆品供应商

                    全新的O2O营销模式

                    即将引发化妆品行业新一轮营销革命！
                </p>
            </div>
            <div class="col-md-3 f_grid1 f_grid2">
                <h3>Follow Us</h3>
                <ul class="social">
                    <li><a href=""> <i class="sina"> </i><p class="m_3">新浪微博</p><div class="clearfix"> </div></a></li>
                    <li><a href=""><i class="tencent"> </i><p class="m_3">腾讯微博</p><div class="clearfix"> </div></a></li>
                    <li><a href=""><i class="renren"> </i><p class="m_3">人人网</p><div class="clearfix"> </div></a></li>
                    <li><a href=""><i class="douban"> </i><p class="m_3">豆瓣</p><div class="clearfix"> </div></a></li>
                </ul>
            </div>
            <div class="col-md-6 f_grid3">
                <h3>Contact Info</h3>
                <ul class="list">
                    <li><p>Phone : 1.800.254.5487</p></li>
                    <li><p>Fax : 1.800.254.2548</p></li>
                    <li><p>Email : <a href="mailto:info(at)fashionpress.com"> info(at)fashionpress.com</a></p></li>
                </ul>
                <ul class="list1">
                    <li><p>Aliquam augue a bibendum ipsum diam, semper porttitor libero elit egestas gravida, ut quam, nunc taciti</p></li>
                </ul>
                <div class="clearfix"> </div>
            </div>
        </div>
    </div>
    <div class="footer_bottom">
        <div class="container">
            <div class="copy">
                <p>Copyright &copy; 2015.稻草人之恋 All rights reserved.</p>
            </div>
            <div class="clearfix"> </div>
        </div>
    </div>*@

    <script type="text/javascript" src="~/Content/User/js/OrderControl.js"></script>
    
    
</body>
</html>
